Scroll Views

hr.icon

スクロールビューは、文書内のテキストや画像のコレクションなど、可視領域よりも大きなコンテンツを閲覧することができます。

スワイプ、フリック、ドラッグ、タップ、ピンチなどの操作を行うと、スクロールビューがその操作に追随し、自然な感覚でコンテンツを表示したり、拡大したりすることができます。

スクロールビュー自体には何も表示されませんが、ユーザーがスクロールビューを操作すると、一時的にスクロールのインジケーターが表示されます。

スクロールビューは、ページングモードで動作するように設定することもできます。

この場合、スクロールすると、現在のページを移動するのではなく、まったく新しいページのコンテンツが表示されます。

https://gyazo.com/8b24f97488bb466a2ab8f4d2d4bb5c1e

ズーム動作を適切にサポートする。

アプリ内で適切であれば、ピンチやダブルタップで拡大・縮小できるようにします。

ズームを有効にする場合は、意味のある最大値と最小値を設定します。

たとえば、1文字が画面いっぱいに表示されるまでテキストをズームインすることは、ほとんどのアプリで意味をなさないと思われます。

スクロールビューがページングモードになっているときは、ページコントロール要素を表示するようにします。

ページコントロールは、利用可能なページ、画面、その他のコンテンツの塊の数を示し、現在表示されているのはどれかを示すものです。

スクロールビューでページコントロールを表示する場合、混乱を避けるために、同じ軸のスクロールインジケータを無効にします。

スクロールビューを他のスクロールビューの中に置かないでください。

これにより、制御が困難な予測不可能なインターフェイスが作成されます。

一般に、一度に1つのスクロールビューを表示します。

人はスクロールするときに大きなスワイプのジェスチャーをすることが多く、同じ画面上で隣り合ったスクロールビューとの対話を避けるのは難しい場合があります。

1つの画面に2つのスクロールビューを表示する必要がある場合は、1つのジェスチャーが両方のビューに影響しにくいように、それらのスクロールビューが異なる方向にスクロールできるようにすることを検討してください。

たとえば、iPhoneを縦向きにした場合、「株価」アプリでは、株価が縦方向にスクロールし、企業固有の情報が横方向にスクロールするように表示されます。